<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>确认订单</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/checkout.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">确认订单</div>
      <div class="rt"></div>
    </div>
    <div class="address-box">
        <div class="address-item" >
            <div class="l">
                <span class="name">阿飞哥</span>
                <!-- <span class="default" >默认</span> -->
                <span class="default" >默认</span>
            </div>
            <div class="m">
                <span class="mobile">18888888888</span>
                <span class="address">安徽省合肥市瑶海区花冲公园402</span>
            </div>
            <div class="r">
                <img src="./static/images/address_right.png"/>
            </div>
        </div>
        <!-- <div class="address-item address-empty" >
            <div class="m">
               还没有收货地址，去添加
            </div>
            <div class="r">
                <img src="./static/images/address_right.png"/>
            </div>
        </div> -->
    </div>

    <div class="coupon-box">
        <div class="coupon-item">
            <div class="l">
                <span class="name">请选择优惠券</span>
                <span class="txt">100张</span>
            </div>
            <div class="r">
                <img src="./static/images/address_right.png"/>
            </div>
        </div>
    </div>

    <div class="order-box">
        <div class="order-item">
            <div class="l">
                <span class="name">商品合计</span>
            </div>
            <div class="r">
                <span class="txt">￥1717</span>
            </div>
        </div>
        <div class="order-item">
            <div class="l">
                <span class="name">运费</span>
            </div>
            <div class="r">
                <span class="txt">￥0</span>
            </div>
        </div>
        <div class="order-item no-border">
            <div class="l">
                <span class="name">优惠券</span>
            </div>
            <div class="r">
                <span class="txt">-￥0</span>
            </div>
        </div>
    </div>

    <div class="goods-items">
        <div class="item" >
            <div class="img">
                <img src="./static/demo/idx-brand.jpg"/>
            </div>
            <div class="info">
                <div class="t">
                    <span class="name">商品名称1</span>
                    <span class="number">x2</span>
                </div>
                <div class="m">红色X2MX;刷星家纺</div>
                <div class="b">￥599</div>
            </div>
        </div>
        <div class="item" >
            <div class="img">
                <img src="./static/demo/idx-brand.jpg"/>
            </div>
            <div class="info">
                <div class="t">
                    <span class="name">商品名称1</span>
                    <span class="number">x2</span>
                </div>
                <div class="m">红色X2MX;刷星家纺</div>
                <div class="b">￥599</div>
            </div>
        </div>
    </div>

    <div class="order-total">
        <div class="l">实付：￥1717</div>
        <div class="r" bindtap="submitOrder">去付款</div>
    </div>
</div>
</body>
</html>